<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Generator" content="EditPlus">
<title>手搜首页探索图(王光进演示)</title>
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link type="text/css" href="css/index.css" rel="stylesheet">
<script src="js/TouchSlide.1.1.js"></script>
</head>
<body style="background:"#FFFFFF;"">
<div class="fix_contain">
<!--头部部分-->
           <div class="header">
           		<a herf="#" id="logo">
                	<img src="images/logo.jpg" width="100%" height="100%" alt="搜狐">
                </a>
                <ul id="right_lan">
                    <li>
                        <a herf="#" id="search">
                            <img src="images/sacher1.jpg" width="100%" height="100%">
                        </a>
                    </li>
                    <li>
                        <a herf="#" id="tv_show"> 
                            <img src="images/tv1.jpg" width="100%" height="100%">
                        </a>
                    </li>
                    <li>
                        <a herf="#" id="mune">
                            <img src="images/mune1.jpg" width="100%" height="100%">
                        </a>
                    </li>   
                </div> 
           </div> 
<!--头部部分-->
<div class="clear"></div>
<!--导航部分-->           
           <div class="nav">
           		<a href="#" target="_blank">新闻</a>
                <a href="#" target="_blank">财经</a>
                <a href="#" target="_blank">娱乐</a>
                <a href="#" target="_blank">体育</a>
                <a href="#" target="_blank">IT</a>
                <a href="#" target="_blank">军事</a>
                <a href="#" target="_blank">视频</a>
                <a href="#" target="_blank">历史</a>
                <a href="#" target="_blank">女人</a>
                <a href="#" target="_blank">汽车</a>
                <a href="#" target="_blank">图库</a>
                <a href="#" class="fxbox_02_sq">更多 <img src="images/mune_more.png" class="mune_more"></a>
           </div>
<!--导航部分-->
<div class="clear"></div>
<!--text-list-->           
           <div class="txt_list">
           		<a href="#" class="a18" target="_blank">高考改革启动 将不分文理科</a>
                <a href="#" class="a13" target="_blank">明年取消特长生加分项 成绩公布后填志愿</a>
                <a href="#" class="a13" target="_blank">上海浙江成试用点  |   八张图看改革方案</a>
                <a href="#" class="a18" target="_blank">王岐山：各地反腐反应让我吃惊</a>
                <a href="#" class="a13" target="_blank">谈月饼腐败活总书记支持  下一步要抓贺卡</a>
           </div>          
<!--text-list-->
<div class="clear"></div>
<!-- 焦点图 -->
	<div id="slideBox" class="slideBox">

		<div class="bd">
			<ul>
					<li>
						<a class="pic" href="#"><img src="images/salide_01.jpg" /></a>
						<a class="tit" href="#">澳大利亚现罕见全圆形彩虹</a>
					</li>
					<li>
						<a class="pic" href="#"><img src="images/salide_01.jpg" /></a>
						<a class="tit" href="#">澳大利亚现罕见全圆形彩虹</a>
					</li>
					<li>
						<a class="pic" href="#"><img src="images/salide_01.jpg" /></a>
						<a class="tit" href="#">澳大利亚现罕见全圆形彩虹</a>
					</li>
					<li>
						<a class="pic" href="#"><img src="images/salide_01.jpg" /></a>
						<a class="tit" href="#">澳大利亚现罕见全圆形彩虹</a>
					</li>
			</ul>
		</div>

		<div class="hd">
			<ul></ul>
		</div>
	</div>
	<script type="text/javascript">
		TouchSlide({ 
			slideCell:"#slideBox",
			titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
			mainCell:".bd ul", 
			effect:"leftLoop", 
			autoPage:true,//自动分页
			autoPlay:true //自动播放
		});
	</script>
<div class="clear"></div>	
    
    <div class="Weather">
    <div class="bgpic">
    </div>
    	<div class="bg">
        	<div class="wendu">
            	<img src="images/sunny.png" width="100%" height="100%"/>
                <span>10°</span>
            </div>
            <div class="Weather_bor"></div>
            <div class="dida">
                <div class="Weather_diqu">北京</div>
                <div class="Weather_date">2014-09-28 周日 16~23℃</div>
            </div>
            <div class="Weather_pingji">83&nbsp;良</div>
        </div>
    </div>
    
<div class="clear"></div>	

	<div class="pic_txt_list">
    	<li>
        	<a href="#" class="poc"><img src="images/pic_txt_list_001.png"></a>
            <div class="ptlist">
            	<a href="#" class="ptlist_tit">陕西县委书记受贿 乡镇一把手全被免</a>
                <div class="ptlist_ico">
                	<span class="label">新闻</span>
                    <a href="#" class="info"><img src="images/info_ico.png"/><span>678</span></a>
                </div>
            </div>
         </li>
         <li>
        	<a href="#" class="poc"><img src="images/pic_txt_list_002.png"></a>
            <div class="ptlist">
            	<a href="#" class="ptlist_tit">越南在中方岛礁造陆 拍军队守卫</a>
                <div class="ptlist_ico">
                	<span class="label">新闻</span>
                    <a href="#" class="info"><img src="images/info_ico.png"/><span>678</span></a>
                </div>
            </div>
         </li>
         <li>
        	<a href="#" class="poc"><img src="images/pic_txt_list_003.png"></a>
            <div class="ptlist">
            	<a href="#" class="ptlist_tit">美媒：部分中国官员因远离家庭压力大找情妇</a>
                <div class="ptlist_ico">
                	<span class="label">新闻</span>
                    <a href="#" class="info"><img src="images/info_ico.png"/><span>678</span></a>
                </div>
            </div>
         </li>
         <li>
        	<a href="#" class="poc"><img src="images/pic_txt_list_004.png"></a>
            <div class="ptlist">
            	<a href="#" class="ptlist_tit">Mudadeniya计划将邻国选美比赛邀请到斯里兰卡进行</a>
                <div class="ptlist_ico">
                	<span class="label">新闻</span>
                    <a href="#" class="info"><img src="images/info_ico.png"/><span>678</span></a>
                </div>
            </div>
         </li>
    </div>
    
<div class="clear"></div>

	<div class="flv">
    	<div class="tit">
            <h1>搜狐视频</h1>
            <a href="#" class="more">更多热剧&gt;</a>
        </div>
<div class="clear"></div>
        <div class="coner">
        <li>
        	<a href="#" class="flvpic" style="width:100%;height:8.8rem;position:relative;display:block;float:left;">
            	<img src="images/flv_pic.png" width="100%" height="100%"/>
                <span class="patxt" style="width:100%;height:2.2rem;line-height:2.2rem;font-size:1rem;color:#FFF;text-align:center;display:block;position:absolute;bottom:0;background-color: #333;opacity: 0.7;filter: alpha(opacity=70);">隐秘而伟大第1季</span>
            </a>
            <a href="#" class="flv_txt" style="width:100%;height:3.3rem;line-height:3.3rem;font-size:1.3rem;color:#6e6e6e;text-align:center;display:block;margin-bottom:0.5rem;float:left;">杨幂深情守候李易峰</a>
         </li>
         <li style="float:right;">   
            <a href="#" class="flvpic" style="width:100%;height:8.8rem;position:relative;display:block;float:left;">
            	<img src="images/flv_pic.png" width="100%" height="100%"/>
                <span class="patxt" style="width:100%;height:2.2rem;line-height:2.2rem;font-size:1rem;color:#FFF;text-align:center;display:block;position:absolute;bottom:0;background-color: #333;opacity: 0.7;filter: alpha(opacity=70);">隐秘而伟大第2季</span>
            </a>
            <a class="flv_txt" style="width:100%;height:3.3rem;line-height:3.3rem;font-size:1.3rem;color:#6e6e6e;text-align:center;display:block;margin-bottom:0.5rem;float:left;">张意昕变身咆哮影帝</a>
          </li>   
    </div>
    </div>
    <div class="clear"></div>
	<!-- Tab切换（高度自适应示范） -->
	<div id="tabBox1" class="tabBox">
		<div class="hd">
			<h3><a href="#">新闻</a></h3>
			<ul>
				<li><a href="javascript:void(0)">军事</a></li>
				<li><a href="javascript:void(0)">&middot;&nbsp;国内</a></li>
				<li><a href="javascript:void(0)">&middot;&nbsp;国外</a></li>
			</ul>
		</div>
      <div class="clear"></div>
		<div class="bd" id="tabBox1-bd">
			<div class="con"><!-- 高度自适应需添加外层 -->
				<ul>
                	<dl><a href="#"><img src="images/news_img.png" width="100%" height="100%" style="height:15.8rem"/><span>富士康员工扎堆患上血癌 5人死亡</span></a></dl>
					<li><a href="#">搜狐进军互联网金融 搜易贷耀目上线</a></li>
					<li><a href="#">齐齐哈尔一男子持枪射路人 3人倒地</a></li>
					<li><a href="#" style="color:#ff3300;">视频 | 黄晓明baby住新宅 深夜去探病</a><img src="images/flv_ico.png" class="flv_ico" width="100%" height="100%"/></li>
					<li><a href="#">搜狐进军互联网金融 搜易贷耀目上线</a></li>
					<li><a href="#">齐齐哈尔一男子持枪射路人 3人倒地</a><img src="images/flv_ico.png" class="flv_ico" width="100%" height="100%"/></li>
					<li><a href="#">下班时买菜出意外 2种情形不算工伤</a></li>
					<li><a href="#">官二代涌入贫困县 抢高考生加分名额</a><img src="images/dj4822.png" class="dj_ico" width="100%" height="100%"/></li>
				</ul>
			</div>
			<div class="con"><!-- 高度自适应需添加外层 -->
				<ul>
					<li><a href="#">日:沈阳军区部队开赴中朝边境</a></li>
					<li><a href="#">印度核潜艇经我周边未被发现</a></li>
					<li><a href="#">中国航母战斗群重防空轻反潜</a></li>
					<li><a href="#">日本军车爆车胎造成一死一伤</a></li>
                    <li><a href="#">网友:离3次结3次可避税国五条</a></li>
					<li><a href="#">足疗女子自称东北人引发血案</a></li>
					<li><a href="#">男性神秘“根浴”会所被调查</a></li>
					<li><a href="#">女孩一年吃掉48公里长方便面</a></li>
				</ul>
			</div>
			<div class="con"><!-- 高度自适应需添加外层 -->
				<ul>
					<li><a href="#">农业占GDP低政府支持力度大</a></li>
					<li><a href="#">林志玲:至今珍藏本山送的手绢</a></li>
					<li><a href="#">五粮液高管年薪超茅台近一倍</a></li>
					<li><a href="#">视频:朝鲜导弹反复出舱</a></li>
					<li><a href="#">《我是歌手》明晚决赛开战</a></li>
					<li><a href="#">皖新传媒一年花13亿委托理财</a></li>
                    <li><a href="#">《我是歌手》明晚决赛开战</a></li>
					<li><a href="#">皖新传媒一年花13亿委托理财</a></li>
				</ul>
			</div>

		</div>
	</div>
	<a class="readMore" href="#">查看更多&gt;&gt;</a>
	<script type="text/javascript">
	TouchSlide( { slideCell:"#tabBox1",
		endFun:function(i){ //高度自适应
			var bd = document.getElementById("tabBox1-bd");
			bd.parentNode.style.height = bd.children[i].children[0].offsetHeight+"px";
			if(i>0)bd.parentNode.style.transition="200ms";//添加动画效果
		}
	} );</script>





	<a href="#" class="ad_img"><img src="images/ad_img01.png" width="100%" height="100%"/></a>
    <div class="clear"></div>  
    <!-- Tab切换 -->
	<div id="tabBox2" class="tabBox">
		<div class="hd">
			<h3><a href="#">财经</a></h3>
			<ul>
				<li><a href="javascript:void(0)">股票</a></li>
				<li><a href="javascript:void(0)">&middot;&nbsp;理财</a></li>
				<li><a href="javascript:void(0)">&middot;&nbsp;行情</a></li>
                <li><a href="javascript:void(0)">|&nbsp;自选股</a></li>
			</ul>
		</div>
	<div class="clear"></div>   
		<div class="bd" id="tabBox2-bd">
        	<div class="con">
				<ul>
                	<dl><a href="#"><img src="images/gupiao_img.png" width="100%" height="100%" style="height:7.9rem;"/></a></dl>
					<li><a href="#">官方明确感染H7N9高危人群</a></li>
					<li><a href="#">台官员:将驱离进入钓岛大陆船</a></li>
					<li><a href="#">陈云长子吁学江泽民思想方法</a></li>
					<li><a href="#">央视批抗日剧目:比着俗争着二</a></li>
					<li><a href="#">网友:离3次结3次可避税国五条</a></li>
					<li><a href="#">足疗女子自称东北人引发血案</a></li>
					<li><a href="#">男性神秘“根浴”会所被调查</a><img src="images/zt4822.png" class="zt_ico" width="100%" height="100%"/></li>
					<li><a href="#">女孩一年吃掉48公里长方便面</a></li>
				</ul>
            </div>
            <div class="con">
				<ul>
					<li><a href="#">日:沈阳军区部队开赴中朝边境</a></li>
					<li><a href="#">印度核潜艇经我周边未被发现</a></li>
					<li><a href="#">中国航母战斗群重防空轻反潜</a></li>
					<li><a href="#">日本军车爆车胎造成一死一伤</a></li>
                    <li><a href="#">网友:离3次结3次可避税国五条</a></li>
					<li><a href="#">足疗女子自称东北人引发血案</a></li>
					<li><a href="#">男性神秘“根浴”会所被调查</a></li>
					<li><a href="#">女孩一年吃掉48公里长方便面</a></li>
				</ul>
			</div>
			<div class="con">
				<ul>
					<li><a href="#">日:沈阳军区部队开赴中朝边境</a></li>
					<li><a href="#">印度核潜艇经我周边未被发现</a></li>
					<li><a href="#">中国航母战斗群重防空轻反潜</a></li>
					<li><a href="#">日本军车爆车胎造成一死一伤</a></li>
                    <li><a href="#">网友:离3次结3次可避税国五条</a></li>
					<li><a href="#">足疗女子自称东北人引发血案</a></li>
					<li><a href="#">男性神秘“根浴”会所被调查</a></li>
					<li><a href="#">女孩一年吃掉48公里长方便面</a></li>
				</ul>
			</div>
			<div class="con">
				<ul>
					<li><a href="#">农业占GDP低政府支持力度大</a></li>
					<li><a href="#">林志玲:至今珍藏本山送的手绢</a></li>
					<li><a href="#">五粮液高管年薪超茅台近一倍</a></li>
					<li><a href="#">视频:朝鲜导弹反复出舱</a></li>
					<li><a href="#">《我是歌手》明晚决赛开战</a></li>
					<li><a href="#">皖新传媒一年花13亿委托理财</a></li>
                    <li><a href="#">《我是歌手》明晚决赛开战</a></li>
					<li><a href="#">皖新传媒一年花13亿委托理财</a></li>
				</ul>
			</div>    
		</div>
	</div>
	<a class="readMore" href="#">进入财经频道&gt;&gt;</a>
    <div class="look"><input class="search" type="text"value="代码 / 中文 / 拼音缩写">&nbsp;&nbsp;查看行情</div>
	<script type="text/javascript">
	TouchSlide( { slideCell:"#tabBox2",
		endFun:function(i){ //高度自适应
			var bd = document.getElementById("tabBox2-bd");
			bd.parentNode.style.height = bd.children[i].children[0].offsetHeight+"px";
			if(i>0)bd.parentNode.style.transition="200ms";//添加动画效果
		}
	} );</script>  
	<!-- Tab切换 -->
	
    
    <!-- Tab切换 -->
	<div id="tabBox3" class="tabBox">
		<div class="hd">
			<h3><a href="#">娱乐</a></h3>
			<ul>
				<li><a href="javascript:void(0)">八卦</a></li>
				<li><a href="javascript:void(0)">&middot;&nbsp;美图</a></li>
				<li><a href="javascript:void(0)">&middot;&nbsp;偷拍</a></li>
			</ul>
		</div>
    <div class="clear"></div>
		<div class="bd" id="tabBox3-bd">
        	<div class="con"><!-- 高度自适应需添加外层 -->     
				<ul>
                	<dl><a href="#"><img src="images/cat_jze_img.png" width="100%" height="100%" style="height:15.75rem;"/><span>金正恩造型猫抓板击中萌点 喵星人爱不释手</span></a></dl>
					<li><a href="#">官方明确感染H7N9高危人群</a></li>
					<li><a href="#">台官员:将驱离进入钓岛大陆船</a><img src="images/flv_ico.png" class="flv_ico" width="100%" height="100%"/></li>
					<li><a href="#">陈云长子吁学江泽民思想方法</a></li>
					<li><a href="#">央视批抗日剧目:比着俗争着二</a><img src="images/flv_ico.png" class="flv_ico" width="100%" height="100%"/></li>
					<li><a href="#">网友:离3次结3次可避税国五条</a></li>
					<li><a href="#">足疗女子自称东北人引发血案</a><img src="images/flv_ico.png" class="flv_ico" width="100%" height="100%"/></li>
					<li><a href="#">男性神秘“根浴”会所被调查</a><img src="images/img_ico.png" class="img_ico" width="100%" height="100%"/></li>
					<li><a href="#">女孩一年吃掉48公里长方便面</a><img src="images/img_ico.png" class="img_ico" width="100%" height="100%"/></li>
				</ul>
            </div>
            <div class="con"><!-- 高度自适应需添加外层 -->         
				<ul>
					<li><a href="#">日:沈阳军区部队开赴中朝边境</a></li>
					<li><a href="#">印度核潜艇经我周边未被发现</a></li>
					<li><a href="#">中国航母战斗群重防空轻反潜</a></li>
					<li><a href="#">日本军车爆车胎造成一死一伤</a></li>
					<li><a href="#">韩媒称朝鲜导弹反复出仓回仓</a></li>
					<li><a href="#">美国空军因缺钱大量战机停飞</a></li>
					<li><a href="#">外媒:中国神盾舰多处落后日本</a></li>
					<li><a href="#">朝鲜东部海岸遍布导弹发射场</a></li>
				</ul>
            </div>
            <div class="con"><!-- 高度自适应需添加外层 -->        
				<ul>
					<li><a href="#">农业占GDP低政府支持力度大</a></li>
					<li><a href="#">林志玲:至今珍藏本山送的手绢</a></li>
					<li><a href="#">五粮液高管年薪超茅台近一倍</a></li>
					<li><a href="#">视频:朝鲜导弹反复出舱</a></li>
					<li><a href="#">《我是歌手》明晚决赛开战</a></li>
					<li><a href="#">皖新传媒一年花13亿委托理财</a></li>
					<li><a href="#">男子驾车在高速路遭飞石袭击</a></li>
					<li><a href="#">东北低温寒冷程度历史罕见</a></li>
				</ul>
             </div>   
		</div>
	</div>
	<a class="readMore" href="#">进入娱乐频道&gt;&gt;</a>
	<script type="text/javascript">
	TouchSlide( { slideCell:"#tabBox3",
		endFun:function(i){ //高度自适应
			var bd = document.getElementById("tabBox3-bd");
			bd.parentNode.style.height = bd.children[i].children[0].offsetHeight+"px";
			if(i>0)bd.parentNode.style.transition="200ms";//添加动画效果
		}
	} );</script>   
    
    <!-- Tab切换 -->
	<div id="tabBox4" class="tabBox">
		<div class="hd">
			<h3><a href="#">体育</a></h3>
			<ul>
				<li><a href="javascript:void(0)">NBA</a></li>
				<li><a href="javascript:void(0)">&middot;&nbsp;中超</a></li>
				<li><a href="javascript:void(0)">&middot;&nbsp;直播</a></li>
			</ul>
		</div>
    <div class="clear"></div>
		<div class="bd" id="tabBox4-bd">
        	<div class="con"><!-- 高度自适应需添加外层 -->     
				<ul>
                	<dl><a href="#"><img src="images/NBA_img.png" width="100%" height="100%"  style="height:30.25rem;"/><span>骑士队在主帅布拉特的带领下训练备战</span></a></dl>
					<li><a href="#">欧冠意甲金靴破荒 多特蒙德2-0枪手</a><img src="images/zt4822.png" class="zt_ico" width="100%" height="100%"/></li>
					<li><a href="#">欧冠10分钟3球杰队补时绝杀红军2-1</a><img src="images/dj4822.png" class="dj_ico" width="100%" height="100%"/></li>
					<li><a href="#">马来西亚羽球天王寻根 祖籍确认福建</a><img src="images/zt4822.png" class="zt_ico" width="100%" height="100%"/></li>
					<li><a href="#">林书豪遭批基本功不扎实 被交易没错</a><img src="images/dj4822.png" class="dj_ico" width="100%" height="100%"/></li>
					<li><a href="#">亚运官网公布男篮名单 西热取代李慕豪</a></li>
					<li><a href="#">大郅退役未获得准批 新季将球员兼教练</a></li>
				</ul>
             </div>
             <div class="con"><!-- 高度自适应需添加外层 -->        
				<ul>
					<li><a href="#">日:沈阳军区部队开赴中朝边境</a></li>
					<li><a href="#">印度核潜艇经我周边未被发现</a></li>
					<li><a href="#">中国航母战斗群重防空轻反潜</a></li>
					<li><a href="#">日本军车爆车胎造成一死一伤</a></li>
					<li><a href="#">韩媒称朝鲜导弹反复出仓回仓</a></li>
					<li><a href="#">美国空军因缺钱大量战机停飞</a></li>
					<li><a href="#">外媒:中国神盾舰多处落后日本</a></li>
					<li><a href="#">朝鲜东部海岸遍布导弹发射场</a></li>
				</ul>
             </div>   
            <div class="con"><!-- 高度自适应需添加外层 -->      
				<ul>
					<li><a href="#">农业占GDP低政府支持力度大</a></li>
					<li><a href="#">林志玲:至今珍藏本山送的手绢</a></li>
					<li><a href="#">五粮液高管年薪超茅台近一倍</a></li>
					<li><a href="#">视频:朝鲜导弹反复出舱</a></li>
					<li><a href="#">《我是歌手》明晚决赛开战</a></li>
					<li><a href="#">皖新传媒一年花13亿委托理财</a></li>
					<li><a href="#">男子驾车在高速路遭飞石袭击</a></li>
					<li><a href="#">东北低温寒冷程度历史罕见</a></li>
				</ul>
             </div>   
		</div>
	</div>
	<a class="readMore" href="#">进入体育频道&gt;&gt;</a>
	<script type="text/javascript">
	TouchSlide( { slideCell:"#tabBox4",
		endFun:function(i){ //高度自适应
			var bd = document.getElementById("tabBox4-bd");
			bd.parentNode.style.height = bd.children[i].children[0].offsetHeight+"px";
			if(i>0)bd.parentNode.style.transition="200ms";//添加动画效果
		}
	} );</script>                         
</div>      
    <div class="clear"></div>
	<!-- 搜狐推荐 -->
	<div id="scrollBox" class="scrollBox">
    <div class="sll_tit">
    	<h3>搜狐推荐</h3>
        <div class="hd">
				<span class="prev"></span>
				<ul></ul>
				<span class="next">换一换</span>
		</div>
    </div>
	<div class="clear"></div>    
		<div class="bd">
				<ul>
					<li>
						<a class="pic" href="#"><img _src="images/sohu_tj_img01.png" src="images/blank.png" /><p>维密天使妮娜性感诱人</p></a>
					</li>
					<li>
						<a class="pic" href="#"><img _src="images/sohu_tj_img02.png" src="images/blank.png" /><p>不买包包就会死</p></a>
					</li>
                    <li>
						<a class="pic" href="#"><img _src="images/sohu_tj_img03.png" src="images/blank.png" /><p>诡异风动物与花时尚大片</p></a>
					</li>
					<li>
						<a class="pic" href="#"><img _src="images/sohu_tj_img04.png" src="images/blank.png" /><p>以色列举办国际热气球节</p></a>
					</li>
				</ul>

				<ul>
					<li>
						<a class="pic" href="#"><img _src="images/sohu_tj_img01.png" src="images/blank.png" /><p>维密天使妮娜性感诱人</p></a>
					</li>
					<li>
						<a class="pic" href="#"><img _src="images/sohu_tj_img02.png" src="images/blank.png" /><p>不买包包就会死</p></a>
					</li>
                    <li>
						<a class="pic" href="#"><img _src="images/sohu_tj_img03.png" src="images/blank.png" /><p>诡异风动物与花时尚大片</p></a>
					</li>
					<li>
						<a class="pic" href="#"><img _src="images/sohu_tj_img04.png" src="images/blank.png" /><p>以色列举办国际热气球节</p></a>
					</li>
				</ul>

				<ul>
					<li>
						<a class="pic" href="#"><img _src="images/sohu_tj_img01.png" src="images/blank.png" /><p>维密天使妮娜性感诱人</p></a>
					</li>
					<li>
						<a class="pic" href="#"><img _src="images/sohu_tj_img02.png" src="images/blank.png" /><p>不买包包就会死</p></a>
					</li>
                    <li>
						<a class="pic" href="#"><img _src="images/sohu_tj_img03.png" src="images/blank.png" /><p>诡异风动物与花时尚大片</p></a>
					</li>
					<li>
						<a class="pic" href="#"><img _src="images/sohu_tj_img04.png" src="images/blank.png" /><p>以色列举办国际热气球节</p></a>
					</li>
				</ul>
		</div>

	</div>
    <!-- scrollBox E -->
	<script type="text/javascript">
		TouchSlide({ 
			slideCell:"#scrollBox",
			titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
			effect:"leftLoop", 
			autoPage:true, //自动分页
			switchLoad:"_src" //切换加载，真实图片路径为"_src" 
		});
	</script>   
        <div class="clear"></div>
    <!--搜狐独家-->
           <div class="sohu_dj">
           <h3>搜狐独家</h3>
           		<a herf="#">
                	<img src="images/sohu_dj_img01.png" width="100%" height="100%">
                    <span>直播</span>
                </a>
                <a herf="#">
                	<img src="images/sohu_dj_img02.png" width="100%" height="100%">
                    <span>小说</span>
                </a>
                <a herf="#">
                	<img src="images/sohu_dj_img03.png" width="100%" height="100%">
                    <span>视频</span>
                </a>
                <a herf="#">
                	<img src="images/sohu_dj_img04.png" width="100%" height="100%">
                    <span>汽车</span>
                </a>    
           </div> 
<!--搜狐独家-->  
<!--返回顶部--> 
	<a href="#" class="top">
    	<img src="images/top_btn_ico.png" width="100%" height="100%"/>
        <span>返回顶部</span>
    </a>
<!--返回顶部--> 
<!--底部导航-->
    <ul class="bottom_mune">
        <a href="#">导航</a>
        <a href="#">新闻</a>
        <a href="#">娱乐</a>
        <a href="#">体育</a>
        <a href="#">女人</a>
        <a href="#">图库</a>
    </ul>
<!--底部导航-->
<!--系统选择-->
    <ul class="System">
        <a href="#">彩版</a>
        <a href="#" class="on" style="color:#5a5a5a">触版</a>
        <a href="#">PC版</a>
        <a href="#">客户端</a>
    </ul>
<!--系统选择-->
<!--留言-合作-招聘-->
<a href="#" class="ly_hz_zp">留言-合作-招聘</a>
<!--留言-合作-招聘-->
<div class="clear"></div>
<!--版权号-->
<span class="Copyright">Copyright © 2014 sohu.com</span>
<!--版权号-->
</body>
</html>
